
{extend name="public:common_edit"/}
{block name="css"}
<style>
    .form-control {
        max-width: 350px;
    }

    .tb-name {
        width: 238px;
    }
    .error{
        color: red;
        margin-top: 10px;
        display: none;
    }
    .select{
        margin-bottom: 10px;
    }
    .doctor{
        display: none;
    }
</style>
{/block}
{block name="main"}
<section class="content">
    <div class="container-fluid">
        <div class="pull-right">
            <a href="javascript:history.go(-1)" data-toggle="tooltip" title="" class="btn btn-default"
               data-original-title="返回"><i class="fa fa-reply"></i></a>
            <a href="javascript:void(0);" class="btn btn-default"
               data-url="javascript:;"
               onclick="get_help(this)"><i class="fa fa-question-circle"></i> 帮助</a>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="fa fa-list"></i> {$title}</h3>
            </div>
            <div class="panel-body">
                <!--表单数据-->
                <form action="" method="post" class="form-horizontal"
                      id="category_form">

                    <!--通用信息-->
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_tongyong">
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>礼物缩略图:</td>
                                    <td>{:uploadHtml('thumbnail',$data.thumbnail,'single_img')}</td>
                                </tr>
                                <tr>
                                    <td>礼物动态图地址:</td>
                                    <td>
                                        <input placeholder="礼物动态图地址" class="form-control" name="img" type="text" value="{$data.img}">
                                        <a class="del" data-url="{$data.img}">删除文件</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>动态图上传:</td>
                                    <td><input id="file" name="file" class="file-container" style="float: left"  type="file" value="动态图">
                                        <!--<span class="btn btn-primary qiniu">点击上传礼物动态图</span>-->
                                        <span style="color: red;">ps:上传文件前请先删除原文件</span></td>
                                </tr>
                                <tr>
                                    <td>礼物大小:</td>
                                    <td><input placeholder="礼物" class="form-control" name="image_size" type="text" value="{$data.image_size}"></td>
                                </tr>
                                <tr>
                                    <td>X轴origin_x:</td>
                                    <td><input placeholder="X轴" class="form-control" name="origin_x" type="text" value="{$data.origin_x}"></td>
                                </tr>
                                <tr>
                                    <td>Y轴origin_y:</td>
                                    <td><input placeholder="Y轴" class="form-control" name="origin_y" type="text" value="{$data.origin_y}"></td>
                                </tr>
                                <tr>
                                    <td>图片宽度:</td>
                                    <td><input placeholder="图片宽度" class="form-control" name="image_width" type="text" value="{$data.image_width}"></td>
                                </tr>
                                <tr>
                                    <td>图片高度:</td>
                                    <td><input placeholder="图片高度" class="form-control" name="image_height" type="text" value="{$data.image_height}"></td>
                                </tr>
                                <tr>
                                    <td>礼物名称:</td>
                                    <td><input placeholder="礼物名称" class="form-control" name="gift_name" type="text" value="{$data.gift_name}"></td>
                                </tr>
                                <tr>
                                    <td>礼物价格:</td>
                                    <td><input placeholder="礼物价格" class="form-control" name="price" type="text" value="{$data.price}"></td>
                                </tr>
                                <tr>
                                    <td>是否加入奖池:</td>
                                    <td>
                                        <select class="form-control" name="is_draw">
                                            <option id="is_draw1" value="1">是</option>
                                            <option id="is_draw0" value="0">否</option>
                                        </select>
                                    </td>
                                </tr>

                                <tr id="chance" >
                                    <td>中奖概率:</td>
                                    <td><input placeholder="中奖概率"  class="form-control" name="chance" type="number" value="{:getChance($data.gift_id??0)}"></td>
                                </tr>
                                <!--<tr >-->
                                    <!--<td>赠送幸运锤中奖概率:</td>-->
                                    <!--<td><input placeholder="赠送幸运锤中奖概率"  class="form-control" name="giveChance" type="number" value="{:getGiveChance($data.gift_id??0)}"></td>-->
                                <!--</tr>-->
                                <tr>
                                    <td>房间赠送全服推送:</td>
                                    <td>
                                        <select class="form-control" name="is_push">
                                            <option id="is_push1" value="1">开启</option>
                                            <option id="is_push0" value="0">关闭</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>状态:</td>
                                    <td>
                                        <select class="form-control" name="status">
                                            <option id="status1" value="1">启用</option>
                                            <option id="status0" value="0">禁用</option>
                                        </select>
                                    </td>
                                </tr>


                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="pull-right">
                        <label class="control-label col-sm-2"></label>
                        <input type="hidden" name="id" value="{$data.gift_id}">
                        <input class="btn btn-primary submit" type="submit" value="保存">
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
{/block}
{block name="js"}
<script type="text/javascript" src="https://unpkg.com/qiniu-js@v2.4.0/dist/qiniu.min.js"></script>

<script>
    $(function () {
        var type   = "{$data.type}";

        if(type != ''){
            $('#type'+type).attr('selected',true)
        }

        var status   = "{$data.status}";
        if(status != ''){
            $('#status'+status).attr('selected',true)
        }

        var is_push   = "{$data.is_push}";
        if(is_push != ''){
            $('#is_push'+is_push).attr('selected',true)
        }
        var is_draw   = "{$data.is_draw}";
        if(is_draw != ''){
            $('#is_draw'+is_draw).attr('selected',true)
        }

    });

    $('#file').change(function () {
        var file = $('#file')[0].files[0];
        if (!file){
            layer.msg('您未选择文件', {icon: 5, time: 2000});return false;
        }
        var btn = $(this);
        btn.attr('disabled', 'disabled');
        layer.msg('上传中', {
            icon: 16
            ,shade: [0.3,'#999999'],
            time:21600000
        });
        var token = "{$token}";
        var index = file.name.lastIndexOf(".");
        var ext = file.name.substring(index);
        var key = takeName('vod',2)+ext;
        var config = {
            useCdnDomain: true,
            region: qiniu.region.z0,
            concurrentRequestLimit:3,
        };
        var putExtra = {
            fname: file.name,
            params: {},
            mimeType:  null
        };
        var observer = {
            next(res){
                $('.layui-layer-padding').html('<i class="layui-layer-ico layui-layer-ico16"></i>上传中 '+res.total.percent.toFixed(2)+'%');
            },
            error(err){
                layer.msg('上传失败,请稍后重试'+err.message, {icon: 5, time: 2000});
                layer.closeAll("loading");
                btn.attr('disabled', false);
            },
            complete(res){
                var domain = "{$domain}";
                var url = domain+res.key;
                $('.del').attr('data-url',url);
                $("input[name='img']").val(url);
                layer.msg('上传成功', {icon: 1, time: 2000});
                layer.closeAll("loading");
                btn.attr('disabled', false);
                removeFile('file');
            }
        };
        var observable = qiniu.upload(file, key, token, putExtra, config)
        var subscription = observable.subscribe(observer)

    });




    $('.del').click(function () {
        var btn = $(this);
        btn.attr('disabled', 'disabled');
        var load=layer.load(1, {
            shade: [0.3,'#999999'] //0.1透明度的白色背景
        });
        var url = $(this).data('url');
        $.get("{:url('/upload/delete1')}"+'?file='+url, function(result){
            if (result.code == 1){
                layer.msg('删除成功', {icon: 1, time: 2000});
                layer.closeAll("loading");
                btn.attr('disabled', false);
                $('.del').attr('data-url','');
                $("input[name='img']").val('');
            } else{
                layer.msg('删除失败,请稍后重试', {icon: 5, time: 2000});
                layer.closeAll("loading");
                btn.attr('disabled', false);
            }
        });

    })

</script>



{/block}